﻿<!DOCTYPE html>
<!-- 
Template Name: Marvin
-->
<html xmlns:th="http://www.thymeleaf.org" lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>管理平台</title>
    <meta name="description" content="A responsive bootstrap 4 admin dashboard template by hencework"/>
    <base th:href="@{/}">
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <!-- vector map CSS -->
    <link href="vendors/vectormap/jquery-jvectormap-2.0.3.css" rel="stylesheet" type="text/css"/>

    <link href="vendors/apexcharts/dist/apexcharts.css" rel="stylesheet" type="text/css"/>

    <!-- Toggles CSS -->
    <link href="vendors/jquery-toggles/css/toggles.css" rel="stylesheet" type="text/css">
    <link href="vendors/jquery-toggles/css/themes/toggles-light.css" rel="stylesheet" type="text/css">

    <!-- Toastr CSS -->
    <link href="vendors/jquery-toast-plugin/dist/jquery.toast.min.css" rel="stylesheet" type="text/css">

    <!-- Custom CSS -->
    <link href="dist/css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<!-- Preloader
<div class="preloader-it">
    <div class="loader-pendulums"></div>
</div>
--><!-- /Preloader -->

<!-- HK Wrapper -->
<div class="hk-wrapper hk-vertical-nav">

    <!-- 顶部 -->
    <nav class="navbar navbar-expand-xl navbar-light fixed-top hk-navbar">
        <a id="navbar_toggle_btn" class="navbar-toggle-btn nav-link-hover" href="javascript:void(0);"><span
                class="feather-icon"><i data-feather="menu"></i></span></a>
        <a class="navbar-brand font-weight-700" href="/index.html">
            国电煤炭分公司管理平台
        </a>
        <ul class="navbar-nav hk-navbar-content">
            <li class="nav-item dropdown dropdown-authentication">
                <a class="nav-link dropdown-toggle no-caret" href="#" role="button" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <div class="media">
                        <!-- <div class="media-img-wrap">
                            <div class="avatar">
                                <img src="dist/img/avatar12.jpg" alt="user" class="avatar-img rounded-circle">
                            </div>
                            <span class="badge badge-success badge-indicator"></span>
                        </div> -->
                        <div class="media-body">
                            <span>孙轶凡<i class="zmdi zmdi-chevron-down"></i></span>
                        </div>
                    </div>
                </a>
                <div class="dropdown-menu dropdown-menu-right" data-dropdown-in="flipInX" data-dropdown-out="flipOutX">
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#"><i class="dropdown-icon zmdi zmdi-power"></i><span>注销</span></a>
                </div>
            </li>
        </ul>
    </nav>
    <form role="search" class="navbar-search">
        <div class="position-relative">
            <a href="javascript:void(0);" class="navbar-search-icon"><span class="feather-icon"><i
                    data-feather="search"></i></span></a>
            <input type="text" name="example-input1-group2" class="form-control" placeholder="Type here to Search">
            <a id="navbar_search_close" class="navbar-search-close" href="#"><span class="feather-icon"><i
                    data-feather="x"></i></span></a>
        </div>
    </form>
    <!-- /Top Navbar -->

    <!-- 左部菜单栏 -->
    <nav class="hk-nav hk-nav-dark">
        <a href="javascript:void(0);" id="hk_nav_close" class="hk-nav-close"><span class="feather-icon"><i
                data-feather="x"></i></span></a>
        <div class="nicescroll-bar">
            <div class="navbar-nav-wrap">
                <hr class="nav-separator">
                <div class="nav-header">
                    <span>主页</span>
                    <span>UI</span>
                </div>

                <ul class="navbar-nav flex-column">
                    <li class="nav-item active">
                        <a class="nav-link" href="javascript:void(0);" data-toggle="collapse" data-target="#dash_drp">
                            <span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                            stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round" class="feather feather-activity"><polyline
                                    points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg></span>
                            <span class="nav-link-text">事务中心</span>
                        </a>
                        <ul id="dash_drp" class="nav flex-column collapse collapse-level-1">
                            <li class="nav-item">
                                <ul class="nav flex-column">
                                    <li class="nav-item active">
                                        <a class="nav-link" href="/index.html">待办事项</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0);" data-toggle="collapse" data-target="#tables_drp">
                            <span class="feather-icon"><i data-feather="list"></i></span>
                            <span class="nav-link-text">采购申请管理</span>
                        </a>
                        <ul id="tables_drp" class="nav flex-column collapse collapse-level-1">
                            <li class="nav-item">
                                <ul class="nav flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link" href="basic-table.html">采购执行</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0);" data-toggle="collapse"
                           data-target="#tables_drp1">
                            <span class="feather-icon"><i data-feather="list"></i></span>
                            <span class="nav-link-text">采购执行管理</span>
                        </a>
                        <ul id="tables_drp1" class="nav flex-column collapse collapse-level-1">
                            <li class="nav-item">
                                <ul class="nav flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link" href="/basic-table.html">中标下达</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/basic-table.html">中标审核</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0);" data-toggle="collapse" data-target="#pages_drp">
                            <span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                            stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round" class="feather feather-file-text"><path
                                    d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline
                                    points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line
                                    x1="16" y1="17" x2="8" y2="17"></line><polyline
                                    points="10 9 9 9 8 9"></polyline></svg></span>
                            <span class="nav-link-text">供应商管理</span>
                        </a>
                        <ul id="pages_drp" class="nav flex-column collapse collapse-level-1">
                            <li class="nav-item">
                                <ul class="nav flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link" href="/前端/profile.html">查看合作供应商</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/invoice.html">供应商申请审核</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/gallery.html">电厂申请审核</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0);" data-toggle="collapse" data-target="#charts_drp">
                            <span class="feather-icon"><i data-feather="pie-chart"></i></span>
                            <span class="nav-link-text">账户管理</span>
                        </a>
                        <ul id="charts_drp" class="nav flex-column collapse collapse-level-1">
                            <li class="nav-item">
                                <ul class="nav flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link" href="/line-charts.html">个人信息</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/area-charts.html">企业维护</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="/前端/bar-charts.html">用户管理</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
    </nav>


    <div class="hk-pg-wrapper" style="min-height: 1338px;">
        <!-- Breadcrumb -->
        <nav class="hk-breadcrumb" aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-light bg-transparent">
                <li class="breadcrumb-item"><a href="#">Forms</a></li>
                <li class="breadcrumb-item active" aria-current="page">Input Groups</li>
            </ol>
        </nav>
        <!-- /Breadcrumb -->

        <!-- Container -->
        <div class="container">
            <!-- Title -->
            <div class="hk-pg-header">
                <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                             class="feather feather-server">
                            <rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>
                            <rect x="2" y="14" width="20" height="8" rx="2" ry="2">

                        </rect><line x1="6" y1="6" x2="6" y2="6"></line><line x1="6" y1="18" x2="6"
                                                                              y2="18"></line></svg></span></span>公告发布
                </h4>
            </div>
            <!-- /Title -->

            <!-- Row -->
            <div class="row">
                <div class="col-xl-12">
                    <section class="hk-sec-wrapper">
                        <h5 class="hk-sec-title">请发布您想发布的公告</h5>
                        <p class="mb-40">智能管理，公正验收</p>
                        <div class="row">
                            <div class="col-sm">
                                <form action="announcement/addAnnouncement" method="post">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="announcement-title">标题</span>
                                            </div>
                                            <input type="text" name="announceTitle" class="form-control"
                                                   placeholder="请在此处输入公告的标题">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="announcement-time">发布时间</span>
                                            </div>
                                            <input type="text" name="announceTime" class="form-control"
                                                   placeholder="请在此处输入公告的发布时间">
                                        </div>
                                    </div>
                                    <div class="form-group mb-0">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">文章内容</span>
                                            </div>
                                            <textarea name="announceContent" class="form-control"></textarea>
                                        </div>
                                    </div>
                                    <br/>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary btn-block mb-15">发布</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </section>


                    <!--页脚-->
                    <!-- Footer -->
                    <div class="hk-footer-wrap container">
                        <footer class="footer">
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <p>Pampered by<a href="http://www.bootstrapmb.com" class="text-dark"
                                                     target="_blank">yifan</a> © 2020</p>
                                </div>
                            </div>
                        </footer>
                    </div>
                    <!-- /Footer -->
                </div>
                <!-- /Main Content -->

            </div>
            <!-- /HK Wrapper -->

            <!-- jQuery -->
            <script src="vendors/jquery/dist/jquery.min.js"></script>

            <!-- Bootstrap Core JavaScript -->
            <script src="vendors/popper.js/dist/umd/popper.min.js"></script>
            <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>

            <!-- Slimscroll JavaScript -->
            <script src="dist/js/jquery.slimscroll.js"></script>

            <!-- Fancy Dropdown JS -->
            <script src="dist/js/dropdown-bootstrap-extended.js"></script>

            <!-- FeatherIcons JavaScript -->
            <script src="dist/js/feather.min.js"></script>

            <!-- Toggles JavaScript -->
            <script src="vendors/jquery-toggles/toggles.min.js"></script>
            <script src="dist/js/toggle-data.js"></script>

            <!-- Counter Animation JavaScript -->
            <script src="vendors/waypoints/lib/jquery.waypoints.min.js"></script>
            <script src="vendors/jquery.counterup/jquery.counterup.min.js"></script>

            <!-- Morris Charts JavaScript -->
            <script src="vendors/raphael/raphael.min.js"></script>
            <script src="vendors/morris.js/morris.min.js"></script>

            <!-- EChartJS JavaScript -->
            <script src="vendors/echarts/dist/echarts-en.min.js"></script>

            <!-- Sparkline JavaScript -->
            <script src="vendors/jquery.sparkline/dist/jquery.sparkline.min.js"></script>

            <!-- Vector Maps JavaScript -->
            <script src="vendors/vectormap/jquery-jvectormap-2.0.3.min.js"></script>
            <script src="vendors/vectormap/jquery-jvectormap-world-mill-en.js"></script>
            <script src="dist/js/vectormap-data.js"></script>


            <!-- Owl JavaScript -->
            <script src="vendors/owl.carousel/dist/owl.carousel.min.js"></script>

            <!-- Toastr JS -->
            <script src="vendors/jquery-toast-plugin/dist/jquery.toast.min.js"></script>

            <!-- Init JavaScript -->
            <script src="dist/js/init.js"></script>
            <script src="dist/js/dashboard-data.js"></script>


</body>

</html>